﻿body 
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px; 
    color: #333;     
    text-align:center; 
} 

*  
{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
}

h1 { 
    font-size: 2.2em; 
} 

h2 { 
    font-size: 2.0em;     
} 

h3 { 
    font-size: 1.8em; 
} 

h4 { 
    font-size: 1.6em;     
} 

h5 { 
    font-size: 1.4em;     
} 

p { 
    font-size: 1.2em;     
}

input
{
	border: solid 1px #ccc;
}

table {  
  border-spacing: 0; 
  border-collapse: collapse; 
}

td { 
  text-align: left; 
  font-weight: normal; 
}

#page {  
    width:980px;  
    text-align:left;   
    margin-left:auto;  
    margin-right:auto;  
    background-color: #fff; 
}

.clear { 
    clear:both; 
} 

.right { 
    float: right; 
} 

.left { 
    float: left; 
}

/*
ul.menu
{
	list-style-type: none;	
}

ul.menu li 
{
	float: left;
}
ul.menu a
{
	padding: 10px 20px;
	text-decoration: none;
	border: solid 1px #ccc;
	background-color: #acd;
	cursor: pointer;
}
*/

table.grid
{
	border: solid 1px #ccc;
	border-collapse: collapse;
	width: 100%;
}
table.grid th
{
	background-color: #8ad;
	color: White;
	font-weight: bold;
	padding: 4px 6px;
}
table.grid td
{
	padding: 4px 6px;
	border-bottom: dashed 1px #ccc;
}
table.clickable td
{
	cursor: pointer;
}
table.clickable tr:hover
{
	background-color: #cde;
}